<!DOCTYPE HTML>
<html ng-app="skiApp">
<head>
    <meta charset="utf-8">
    <title>Lahti Ski Games</title>

    <!-- Twitter Bootstrap -->
    <link rel="stylesheet" type="text/css" href="assets/libs/bootstrap/css/bootstrap.min.css" />
    <!--<link rel="stylesheet" type="text/css" href="assets/libs/bootstrap/css/bootstrap-theme.min.css" />-->

    <!-- Custom CSS files -->
    <link rel="stylesheet" type="text/css" href="assets/css/main.css" />
	
</head>
<body ng-controller="appController" ng-swipe-right="swipeRight()" ng-swipe-left="swipeLeft()">
<div class="container-fluid">
    
    <!-- Sliding navigation bar -->
    <div class="row-offcanvas row-offcanvas-left sidebar-offcanvas" ng-class="menuClassVar">
        <a href="#/"><div class="col-menu">
            <img src="assets/img/icons/whiteicon_program.png" class="img-sidebar img-responsive center-block" alt="sidebar" draggable="false">
        </div></a>

        <a href="#/program"><div class="col-menu">
            <img src="assets/img/icons/whiteicon_program.png" class="img-sidebar img-responsive center-block" alt="sidebar" draggable="false">
        </div></a>

        <a href="#/race-facts"><div class="col-menu">
            <img src="assets/img/icons/whiteicon_race_facts.png" class="img-sidebar img-responsive center-block" alt="sidebar" draggable="false">
        </div></a>

        <a href="#/eat-drink"><div class="col-menu">
                <img src="assets/img/icons/whiteicon_eat_drink.png" class="img-sidebar img-responsive center-block" alt="sidebar" draggable="false">
        </div></a>

        <a href="#/favorites"><div class="col-menu">
                <img src="assets/img/icons/whiteicon_favorites.png" class="img-sidebar img-responsive center-block" alt="sidebar" draggable="false">
        </div></a>

        <a href="#/some"><div class="col-menu">
            <img src="assets/img/icons/whiteicon_social_media.png" class="img-sidebar img-responsive center-block" alt="sidebar" draggable="false">
        </div></a>

        <a href="#/info"><div class="col-menu">
                <img src="assets/img/icons/whiteicon_info.png" class="img-sidebar img-responsive center-block" alt="sidebar" draggable="false">
        </div></a>
    </div>
    
    <!-- Top navigation bar -->
    <div id="naviHeader" class="row" role="navigation">
        <div class="col-xs-12">
            <!-- Sliding menu button -->
            <div class="col-xs-2">
                <button id="menuButton" type="button" class="btn" ng-click="toggleMenu()">
                    <span class="glyphicon glyphicon-align-justify"></span>
                </button>
            </div>
            <!-- Lahti Ski Games logo -->
            <div class="col-xs-6 col-xs-offset-4">
                <div id="navbarLogoDiv" class="pull-right">
                <img src="assets/img/logo2015.png" id="skiGamesLogo" alt="logo" class="img-responsive pull-right" draggable="false" />
                </div>
            </div>   
        </div>
    </div>
    <br>
    <!-- Changing content gets injected into this div -->
    <div id="mainContent" ng-view></div>
    
    <!-- Sponsor footer -->
    <footer>
        <div class="row">
            <div class="col-xs-3">
                <img src="assets/img/sponsors/lsg_web2015_sponsor_sj.jpg" class="img-responsive" alt="sponsor-img" draggable="false" />
            </div>
            <div class="col-xs-3">
                <img src="assets/img/sponsors/lsg_web2015_sponsor_cc.jpg" class="img-responsive" alt="sponsor-img" draggable="false" />
            </div>
            <div class="col-xs-3">
                <img src="assets/img/sponsors/lsg_web2015_sponsor_nc.jpg" class="img-responsive" alt="sponsor-img" draggable="false" />
            </div>
            <div class="col-xs-3">
                <img src="assets/img/sponsors/FIS-logot_viessmann.jpg" class="img-responsive" alt="sponsor-img" draggable="false" />
            </div>
        </div>
        <div class="row">
            
            <div class="col-xs-3">
                <img src="assets/img/sponsors/FIS-logot_audi.jpg" class="img-responsive" alt="sponsor-img" draggable="false" />
            </div>
            <div class="col-xs-3">
                <img src="assets/img/sponsors/FIS-logot_helvetia.jpg" class="img-responsive" alt="sponsor-img" draggable="false" />
            </div>
            <div class="col-xs-3">
                <img src="assets/img/sponsors/FIS-logot_crystal.jpg" class="img-responsive" alt="sponsor-img" draggable="false" />
            </div>
            <div class="col-xs-3">
                <img src="assets/img/sponsors/FIS-logot_craft.jpg" class="img-responsive" alt="sponsor-img" draggable="false" />
            </div>
        </div>
        <div class="row">
            <div class="col-xs-3">
                <img src="assets/img/sponsors/FIS-logot_polar.jpg" class="img-responsive" alt="sponsor-img" draggable="false" />
            </div>
            <div class="col-xs-3">
                <img src="assets/img/sponsors/FIS-logot_konicaminolta.jpg" class="img-responsive" alt="sponsor-img" />
            </div>
            <div class="col-xs-3">
                <img src="assets/img/sponsors/lsg_web2015_sponsor_140x81_intersport.jpg" class="img-responsive" alt="sponsor-img" />
            </div>
            <div class="col-xs-3">
                <img src="assets/img/sponsors/lsg_web2015_sponsor_140x81_bauhaus.jpg" class="img-responsive" alt="sponsor-img" />
            </div>
        </div>
        <div class="row">
            <div class="col-xs-3">
                <img src="assets/img/sponsors/lsg_web2015_sponsor_140x81_veltins.jpg" class="img-responsive" alt="sponsor-img" />
            </div>
            <div class="col-xs-3">
                <img src="assets/img/sponsors/lsg_web2015_sponsor_140x81_subway.jpg" class="img-responsive" alt="sponsor-img" />
            </div>
            <div class="col-xs-3">
                <img src="assets/img/sponsors/lsg_web2015_sponsor_140x81_lynx.jpg" class="img-responsive" alt="sponsor-img" />
            </div>
            <div class="col-xs-3">
                <img src="assets/img/sponsors/lsg_web2015_sponsor_140x81_canam.jpg" class="img-responsive" alt="sponsor-img" />
            </div>
        </div>
    </footer>  
</div> <!-- End of container-fluid -->


<!-- Scripts -->

<!-- AngularJS -->
<script src="assets/libs/angularjs/angular.min.js"></script>
<script src="assets/libs/angularjs/angular-route.js"></script>
<script src="assets/libs/angularjs/angular-touch.js"></script>
<!--<script src="assets/libs/angularjs/angular-mocks.js"></script>-->

<!-- Twitter Bootstrap -->
<!--<script src="assets/libs/bootstrap/js/bootstrap.min.js"></script>-->

<!-- iScroll -->
<script src="assets/libs/iscroll/iscroll.js"></script>
<script src="assets/libs/iscroll/iscroll-zoom.js"></script>

<!-- Snapwidget -->
<script src="assets/libs/snapwidget/snapwidget.js"></script>

<!-- Instafeed http://instafeedjs.com/ -->
<!--<script src="assets/libs/instafeed/instafeed.min.js"></script>-->

<!-- App files and custom js -->
<script src="app/app.js"></script>
<script src="app/components/home/homeController.js"></script>
<script src="app/components/program/programController.js"></script>
<script src="app/components/race-facts/raceFactsController.js"></script>
<script src="app/components/food-and-drink/food-and-drinkController.js"></script>
<script src="app/components/some/someController.js"></script>
<script src="app/components/info/infoController.js"></script>
<script src="app/components/info/tickets/ticketsController.js"></script>
<script src="app/components/info/general-info/generalInfoController.js"></script>
<script src="app/components/info/meet-lahti/meetLahtiController.js"></script>
<script src="app/components/info/for-kids/forKidsController.js"></script>
<script src="app/components/events/eventController.js"></script>

</body>
</html>